<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>全部订单</title>
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body class="bg_fa order-body">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">全部订单</h1>
		</header>
		<div class="mui-content bg_fa">
			<ul class="order-top clearfix">
				<li class="active">
					<a href="javascript:void(0);">全部</a>
				</li>
				<li>
					<a href="javascript:void(0);">待付款</a>
				</li>
				<li>
					<a href="javascript:void(0);">待发货</a>
				</li>
				<li>
					<a href="javascript:void(0);">待收货</a>
				</li>
				<li>
					<a href="javascript:void(0);">待评价</a>
				</li>
				<li>
					<a href="javascript:void(0);">退款</a>
				</li>
			</ul>
			<div class="mg_top10 order-box">
				<div class='list mg_top10' >
					<div class='clearfix  padding_10'>
						<a class='clearfix'>
							<div class='left width30'>
								<img class='img vertical_middle' src="img/img_pic3.png" />
							</div>
							<div class='left width70 span-left'>
								<div class='mg_left10'>
									<div class='mui-ellipsis font_15'>商品名称...</div>
									<div class='color_8 mg_top10 clearfix'>
										<div class='left'>颜色: xx</div>
										<div class='left mg_left10'>尺寸: xx</div>
									</div>
									<div class='color_8 mg_top10 clearfix'>
										<span class='left font_15 font-weight red'>￥100</span>
										<span class='right font_13 '>X1</span>
									</div>
								</div>
							</div>
						</a>
						<div class='color_8  clearfix'>
							<span class='left font_13  color_9'>运费</span>
							<span class='right font_13 '>￥10元</span>
						</div>
						<div class='color_8 mg_top10 mui-text-right'>合计金额:
							<span class='font_15 font-weight color_3'>￥100</span>
						</div>
						<div class='color_8 mg_top20 clearfix'>
							<span class='left red font-weight'>待付款</span>
							<div class='right font_13 '>
								<a href="javascript:void(0);" class="bott">取消订单</a>
								<a href="javascript:void(0);" class="bott bg">付款</a>
							</div>
						</div>
					</div>
				</div>
				<div class='list mg_top10' >
					<div class='clearfix  padding_10'>
						<a class='clearfix'>
							<div class='left width30'>
								<img class='img vertical_middle' src="img/img_pic3.png" />
							</div>
							<div class='left width70 span-left'>
								<div class='mg_left10'>
									<div class='mui-ellipsis font_15'>商品名称...</div>
									<div class='color_8 mg_top10 clearfix'>
										<div class='left'>颜色: xx</div>
										<div class='left mg_left10'>尺寸: xx</div>
									</div>
									<div class='color_8 mg_top10 clearfix'>
										<span class='left font_15 font-weight red'>￥100</span>
										<span class='right font_13 '>X1</span>
									</div>
								</div>
							</div>
						</a>
						<div class='color_8  clearfix'>
							<span class='left font_13  color_9'>运费</span>
							<span class='right font_13 '>￥10元</span>
						</div>
						<div class='color_8 mg_top10 mui-text-right'>合计金额:
							<span class='font_15 font-weight color_3'>￥100</span>
						</div>
						<div class='color_8 mg_top20 clearfix'>
							<span class='left red font-weight'>待发货</span>
							<div class='right font_13 '>
								<a href="javascript:void(0);" class="bott bg">提醒发货</a>
							</div>
						</div>
					</div>
				</div>
				<div class='list mg_top10' >
					<div class='clearfix  padding_10'>
						<a class='clearfix'>
							<div class='left width30'>
								<img class='img vertical_middle' src="img/img_pic3.png" />
							</div>
							<div class='left width70 span-left'>
								<div class='mg_left10'>
									<div class='mui-ellipsis font_15'>商品名称...</div>
									<div class='color_8 mg_top10 clearfix'>
										<div class='left'>颜色: xx</div>
										<div class='left mg_left10'>尺寸: xx</div>
									</div>
									<div class='color_8 mg_top10 clearfix'>
										<span class='left font_15 font-weight red'>￥100</span>
										<span class='right font_13 '>X1</span>
									</div>
								</div>
							</div>
						</a>
						<div class='color_8  clearfix'>
							<span class='left font_13  color_9'>运费</span>
							<span class='right font_13 '>￥10元</span>
						</div>
						<div class='color_8 mg_top10 mui-text-right'>合计金额:
							<span class='font_15 font-weight color_3'>￥100</span>
						</div>
						<div class='color_8 mg_top20 clearfix'>
							<span class='left red font-weight'>待收货</span>
							<div class='right font_13 '>
								<a href="javascript:void(0);" class="bott">查看物流</a>
								<a href="javascript:void(0);" class="bott bg">确认收货</a>
							</div>
						</div>
					</div>
				</div>
				<div class='list mg_top10' >
					<div class='clearfix  padding_10'>
						<a class='clearfix'>
							<div class='left width30'>
								<img class='img vertical_middle' src="img/img_pic3.png" />
							</div>
							<div class='left width70 span-left'>
								<div class='mg_left10'>
									<div class='mui-ellipsis font_15'>商品名称...</div>
									<div class='color_8 mg_top10 clearfix'>
										<div class='left'>颜色: xx</div>
										<div class='left mg_left10'>尺寸: xx</div>
									</div>
									<div class='color_8 mg_top10 clearfix'>
										<span class='left font_15 font-weight red'>￥100</span>
										<span class='right font_13 '>X1</span>
									</div>
								</div>
							</div>
						</a>
						<div class='color_8  clearfix'>
							<span class='left font_13  color_9'>运费</span>
							<span class='right font_13 '>￥10元</span>
						</div>
						<div class='color_8 mg_top10 mui-text-right'>合计金额:
							<span class='font_15 font-weight color_3'>￥100</span>
						</div>
						<div class='color_8 mg_top20 clearfix'>
							<span class='left red font-weight'>待评价</span>
							<div class='right font_13 '>
								<a href="javascript:void(0);" class="bott">申请售后</a>
								<a href="javascript:void(0);" class="bott bg">评价</a>
							</div>
						</div>
					</div>
				</div>
				<div class='list mg_top10' >
					<div class='clearfix  padding_10'>
						<a class='clearfix'>
							<div class='left width30'>
								<img class='img vertical_middle' src="img/img_pic3.png" />
							</div>
							<div class='left width70 span-left'>
								<div class='mg_left10'>
									<div class='mui-ellipsis font_15'>商品名称...</div>
									<div class='color_8 mg_top10 clearfix'>
										<div class='left'>颜色: xx</div>
										<div class='left mg_left10'>尺寸: xx</div>
									</div>
									<div class='color_8 mg_top10 clearfix'>
										<span class='left font_15 font-weight red'>￥100</span>
										<span class='right font_13 '>X1</span>
									</div>
								</div>
							</div>
						</a>
						<div class='color_8  clearfix'>
							<span class='left font_13  color_9'>运费</span>
							<span class='right font_13 '>￥10元</span>
						</div>
						<div class='color_8 mg_top10 mui-text-right'>合计金额:
							<span class='font_15 font-weight color_3'>￥100</span>
						</div>
						<div class='color_8 mg_top20 clearfix'>
							<span class='left red font-weight'>退款</span>
							<div class='right font_13 '>
								<a href="javascript:void(0);" class="bott bg">查看详情</a>
							</div>
						</div>
					</div>
				</div>
				<div class='list mg_top10' >
					<div class='clearfix  padding_10'>
						<a class='clearfix'>
							<div class='left width30'>
								<img class='img vertical_middle' src="img/img_pic3.png" />
							</div>
							<div class='left width70 span-left'>
								<div class='mg_left10'>
									<div class='mui-ellipsis font_15'>商品名称...</div>
									<div class='color_8 mg_top10 clearfix'>
										<div class='left'>颜色: xx</div>
										<div class='left mg_left10'>尺寸: xx</div>
									</div>
									<div class='color_8 mg_top10 clearfix'>
										<span class='left font_15 font-weight red'>￥100</span>
										<span class='right font_13 '>X1</span>
									</div>
								</div>
							</div>
						</a>
						<div class='color_8  clearfix'>
							<span class='left font_13  color_9'>运费</span>
							<span class='right font_13 '>￥10元</span>
						</div>
						<div class='color_8 mg_top10 clearfix'>
							<span class="left color_9 font-weight ">已关闭</span>
							<div class="right">
								合计金额:
							<span class='font_15 font-weight color_3'>￥100</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>